<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ page isELIgnored="false"%>
<%@ taglib uri="http://jakarta.apache.org/struts/tags-bean" prefix="bean"%> 
<%@ taglib uri="http://jakarta.apache.org/struts/tags-html" prefix="html"%>
<%@ taglib uri="http://jakarta.apache.org/struts/tags-logic" prefix="logic"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Follower@ArnetMiner</title>
<script type="text/javascript" src="js/jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="js/pam/login.js"></script>
<script type="text/javascript" src="js/pam/search.js"></script>
<script type="text/javascript" src="js/pam/follow.js"></script>

<link href="css/pam/follow.css" rel="stylesheet" type="text/css" />
<link href="css/page/topic_ls.css" rel="stylesheet" type="text/css" />

</head>
<body>
<div id="header">
	<a id="logo" href="index.do"></a>
    <div id="topbar">
    	<ul>
        	<li><html:link action="/index.do">Home</html:link></li>
            <li><em class="vline">|</em></li>
            <li><html:link action="/profile.do">Profile</html:link></li>
            <li><em class="vline">|</em></li>
            <li><html:link action="/following.do">Following</html:link></li>
            <li><em class="vline">|</em></li>
            <li><html:link action="/follower.do">Follower</html:link></li>
            <li><em class="vline">|</em></li>
            <li><html:link action="/messages.do?action=inbox">Message</html:link></li>
            <li><em class="vline">|</em></li>
            <li class="cur">
                <html:link styleClass="menu_lk" action="/logout.do"><em class="cur_l"></em><span>Sign Out</span><em class="cur_r"></em></html:link>
            </li>
        </ul>
    </div>
	<div id="top_menu">
		<div id="top_menu_l"></div>
		<div id="top_menu_c">
			<html:form styleId="search-form" action="/searchUser.do" method="get">
			<html:text styleClass="txt_topsrch" property="keyword" value="${keyword}" />
			<a class="btn_topsrch" href="#"></a>
			<div class="slct_topsrch">
            	<p id="search-type">User</p>
                <ul id="search-list">
                	<li action="searchUser.do">User</li>
                    <li action="searchExpert.do">Expertise</li>
                    <li action="searchPublication.do">Publication</li>
                    <li action="searchConference.do">Conference</li>
                </ul>
            </div>
            </html:form>
		</div>
		<div id="top_menu_r"></div>
	</div>
	<div id="header_line"></div>
</div>
<div id="container">
	<div class="panel_01">
		<div class="panel_tit">
			<div class="panel_titr"></div>
			<h2>Follower List</h2>
		</div>
	</div>
	<ul class="ls_topic">
		<logic:iterate id="follow" name="result">
		<bean:define id="user" name="follow" property="follower"/>
		<li>
			<div class="li-thumb">
				<html:link action="/profile.do" paramId="id" paramName="user" paramProperty="id"><img class="mediumthumb" src="${user.thumb}" align="absmiddle"/></html:link>
			</div>
			<div class="floatl">
				<h4><html:link action="/profile.do" paramId="id" paramName="user" paramProperty="id">${user.firstName} ${user.lastName}</html:link></h4> 
				<dl class="inventor_info">
					<dt>${user.organization.orgName}</dt>
				</dl>
				<dl class="company_info">
                    <logic:equal name="user" property="follow" value="true">
                    	<a class="btn_blue pam-unfollow" href="unfollow.do?id=${user.id}&type=1">Unfollow</a>
                    	<a class="btn_blue pam-follow" style="display:none" href="follow.do?id=${user.id}&type=1">Follow</a>
                    </logic:equal>
                    <logic:notEqual name="user" property="follow" value="true">
                    	<a class="btn_blue pam-unfollow" style="display:none" href="unfollow.do?id=${user.id}&type=1">Unfollow</a>
                    	<a class="btn_blue pam-follow" href="follow.do?id=${user.id}&type=1">Follow</a>
                	</logic:notEqual>
                </dl>
			</div>
		</li>
		</logic:iterate>
	</ul>
	<div class="pager_outer_c pad_t_20">
    	<div class="pager">
    		<logic:equal name="page" property="currentPage" value="1"> 
    			<a class="prev" href="#">Prev</a>
    		</logic:equal>
    		<logic:notEqual name="page" property="currentPage" value="1">
    			<html:link styleClass="prev" action="/follower.do?next=${page.currentPage - 1}">Prev</html:link>
    		</logic:notEqual>
    		
    		<c:forEach var="pageNum" begin="1" end="${page.totalPages}">
				<logic:equal name="page" property="currentPage" value="${pageNum}">
					<html:link styleClass="cur" action="/follower.do?next=${pageNum}">${pageNum}</html:link>
				</logic:equal>
				<logic:notEqual name="page" property="currentPage" value="${pageNum}">
					<html:link action="/follower.do?next=${pageNum}">${pageNum}</html:link>
				</logic:notEqual>
			</c:forEach>
			
			<logic:equal name="page" property="currentPage" value="${page.totalPages}"> 
    			<a class="next" href="#">Next</a>
    		</logic:equal>
    		<logic:notEqual name="page" property="currentPage" value="${page.totalPages}">
    			<html:link styleClass="next" action="/follower.do?next=${page.currentPage + 1}">Next</html:link>
    		</logic:notEqual>
    	</div>
    </div>
	
	<div class="nobgbtm"></div>
</div>
<div id="footer">
	<div id="footer_rad_t"></div>
	<div id="footer_in">
		<ul class="footer_ls">
			<li><a href="#">New ArnetPage</a></li>
			<li><a href="#">Services on Arnetminer</a></li>
			<li><a href="#">Conference</a></li>
			<li><a href="#">Journal Rank</a></li>
		</ul>
		<ul class="footer_ls">
			<li><a href="#">New ArnetPage</a></li>
			<li><a href="#">Services on Arnetminer</a></li>
			<li><a href="#">Conference</a></li>
			<li><a href="#">Journal Rank</a></li>
		</ul>
		<ul class="footer_ls">
			<li><a href="#">New ArnetPage</a></li>
			<li><a href="#">Services on Arnetminer</a></li>
			<li><a href="#">Conference</a></li>
			<li><a href="#">Journal Rank</a></li>
		</ul>
		<ul class="footer_ls">
			<li><a href="#">New ArnetPage</a></li>
			<li><a href="#">Services on Arnetminer</a></li>
			<li><a href="#">Conference</a></li>
			<li><a href="#">Journal Rank</a></li>
		</ul>
		<ul class="footer_ls">
			<li><a href="#">New ArnetPage</a></li>
			<li><a href="#">Services on Arnetminer</a></li>
			<li><a href="#">Conference</a></li>
			<li><a href="#">Journal Rank</a></li>
		</ul>
		<div id="footer_line"></div>
		<div id="copyright">Copyright &copy; 2007 KEG, Tsinghua. All Rights Reserved. <img src="../images/common/footer/icp.gif" alt="ICP NUM. 9068414" /></div>
	</div>
	<div id="footer_rad_b"></div>
</div>
</body>
</html>
